<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layout.xhtml">
        <ui:define name="body">

            <h:form id="cidadaoForm" enctype="multipart/form-data" target="_blank">
                <br/>
                <h3 class="title">Visualizar Requerimento</h3>

                <div class="buttonsActionImovel" style="width: 465px">
                    <div style="float: right">
                        <p:splitButton value="Opções" icon="ui-icon-gear" update="@form">  
                            <!--                            <p:menuitem value="ITBI" update="@form"
                                                                    actionListener="#{managerPesquisarImovel.validaConfigItbi(visaoImovel)}"
                                                                    icon="ui-icon-arrowrefresh-1-w"/>-->
                            <p:menuitem value="Imprimir Taxa" actionListener="#{managerEditarRequerimento.imprimir()}" 
                                        ajax="false" update="@form" 
                                        rendered="#{managerEditarRequerimento.exibir}" icon="ui-icon-print"/>
                            <p:menuitem value="Imprimir Requerimento"
                                        ajax="false" update="@form"
                                        actionListener="#{managerPesquisarRequerimento.imprimirRequerimento(managerEditarRequerimento.visualizarRequerimento)}"
                                        icon="ui-icon-print" />
                        </p:splitButton> 
                    </div>
                    <div class="grid_5" style="float: right">
                        <p:button styleClass="ui-priority-primary" 
                                  href="editarrequerimento.xhtml?eReq=#{managerEditarRequerimento.visualizarRequerimento.id}" 
                                  value="Editar" icon="ui-icon-pencil" />
                    </div>
                    <!--                    <div class="grid_5" style="float: right">
                                            <p:button value="Histórico" rendered="{managerLayout.admin}"
                                                      href="historicoimovel.xhtml?historico={managerPesquisarImovel.visaoImovel.id}" 
                                                      icon="ui-icon-document" />
                                        </div>-->
                </div>
                <div class="clear"/>
                <p:panel id="tipoRequerimentoPanel" style="background: none; border: none;" 
                         styleClass="container_24 clearfix both ">
                    <h4 class="title">Tipo de Requerimento</h4>
                    <p:outputLabel value="Requerimento" styleClass="grid_3" for="visualizarRequerimentoInputText" /> 
                    <p:inputText id="visualizarRequerimentoInputText" styleClass="grid_8"
                                 value="#{managerEditarRequerimento.visualizarRequerimento.tipoRequerimento.name}"
                                 readonly="true"/>

                </p:panel>


                <p:growl id="messages" showDetail="false" autoUpdate="true"  /> 
                <p:panel id="personPanel" style="background: none; border: none;" 
                         styleClass="container_24 clearfix both ">
                    <h4 class="title">Dados do Interessado</h4>

                    <p:outputLabel id="tipoDocumentoLabel" for="tipoDocumentoInput"
                                   value="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado}: " 
                                   styleClass="grid_3"/>

                    <p:inputMask id="tipoDocumentoInput" readonly="true" 
                                 value="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF' ? 
                                          managerEditarRequerimento.visualizarRequerimento.cpfInteressado : managerEditarRequerimento.visualizarRequerimento.cnpjInteressado}"
                                 mask="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF' ? 
                                         '999.999.999-99':'99.999.999/9999-99'}" 
                                 styleClass="grid_8" > 
                    </p:inputMask>
                    <div class="clear-both" />

                    <p:outputLabel value="Nome: " styleClass="grid_3" for="nomeInputText" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF'}"/>
                    <p:inputText  id="nomeInputText" styleClass="grid_20 ajustInput" required="true" 
                                  value="#{managerEditarRequerimento.visualizarRequerimento.nomeInteressado}" 
                                  readonly="true"
                                  rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF'}" />

                    <div class="clear"/> 
                    <p:outputLabel value="Nome Fantasia" styleClass="grid_3 "
                                   for="nameFantasyInputText" rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" />
                    <p:inputText id="nameFantasyInputText" styleClass="grid_20 ajustInput"
                                 value="#{managerEditarRequerimento.visualizarRequerimento.nomeFantasiaInteressado}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" />
                    <div class="clear"/> 

                    <p:outputLabel value="Endereço" styleClass="grid_3" for="rgInteressadoInputText" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF' 
                                               || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ' }" />
                    <p:inputText id="rgInteressadoInputText" styleClass="grid_20 ajustInput" value="#{managerEditarRequerimento.visualizarRequerimento.enderecoInteressado}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF'
                                             || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" 
                                 readonly="true"/>


                    <p:outputLabel value="Bairro" styleClass="grid_3" for="bairroInteressadoInputText" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF'
                                               || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" />
                    <p:inputText id="bairroInteressadoInputText" styleClass="grid_8" value="#{managerEditarRequerimento.visualizarRequerimento.bairroInteressado}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF'
                                             || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}"
                                 readonly="true"/>

                    <p:outputLabel value="Número" styleClass="grid_3" for="numInteressadoInputText" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF'
                                               || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" /> 
                    <p:inputText id="numInteressadoInputText" styleClass="grid_8" value="#{managerEditarRequerimento.visualizarRequerimento.numInteressado}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF'
                                             || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}"
                                 readonly="true"/>

                    <p:outputLabel value="CEP" styleClass="grid_3" for="cepInteressadoInputText" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF'
                                               || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" /> 
                    <p:inputText id="cepInteressadoInputText" styleClass="grid_8" value="#{managerEditarRequerimento.visualizarRequerimento.cepInteressado}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF'
                                             || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}"
                                 readonly="true"/>

                    <p:outputLabel value="Contato" styleClass="grid_3" for="contatoInteressadoInputText" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF'
                                               || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" /> 
                    <p:inputMask id="contatoInteressadoInputText" mask="99-9999-9999" styleClass="grid_8" value="#{managerEditarRequerimento.visualizarRequerimento.telefoneInteressado}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF'
                                             || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" 
                                 readonly="true"/>

                    <p:outputLabel value="Qualidade" styleClass="grid_3" for="qualidadeInteressadoInputText" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CPF'
                                               || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" /> 
                    <p:inputText id="qualidadeInteressadoInputText" styleClass="grid_8"
                                 value="#{managerEditarRequerimento.visualizarRequerimento.tipoQualidade}"
                                 readonly="true"/>
                </p:panel>


                <!--DADOS DO PROPRIETÁRIO-->


                <p:panel id="proprietarioPanel" style="background: none; border: none;" 
                         styleClass="container_24 clearfix both ">
                    <h4 class="title">Dados do Proprietario</h4>

                    <p:outputLabel id="tipoDocumentoLabelP" for="tipoDocumentoInputP"
                                   value="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario}: " 
                                   styleClass="grid_3"/>

                    <p:inputMask id="tipoDocumentoInputP" 
                                 value="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF' ? 
                                          managerEditarRequerimento.visualizarRequerimento.cpfProprietario : managerEditarRequerimento.visualizarRequerimento.cnpjProprietario}"
                                 mask="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF' ? 
                                         '999.999.999-99':'99.999.999/9999-99'}" readonly="true" 
                                 styleClass="grid_8" > 
                    </p:inputMask>
                    <div class="clear-both" />

                    <p:outputLabel value="Nome" styleClass="grid_3" for="nomeInputTextP" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF'}"/>
                    <p:inputText id="nomeInputTextP" styleClass="grid_20 ajustInput"
                                 value="#{managerEditarRequerimento.visualizarRequerimento.nomeProprietario}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF'}" 
                                 readonly="true"/>

                    <div class="clear"/> 
                    <p:outputLabel value="Nome Fantasia" styleClass="grid_3 "
                                   for="nameFantasyInputTextP" rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" />
                    <p:inputText id="nameFantasyInputTextP" styleClass="grid_20 ajustInput"
                                 value="#{managerEditarRequerimento.visualizarRequerimento.nomeFantasiaProprietario}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" 
                                 readonly="true"/>
                    <div class="clear"/> 

                    <p:outputLabel value="Endereço" styleClass="grid_3" for="rgInteressadoInputTextP" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF' 
                                               || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CNPJ' }" />
                    <p:inputText id="rgInteressadoInputTextP" styleClass="grid_20 ajustInput" value="#{managerEditarRequerimento.visualizarRequerimento.enderecoProprietario}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF'
                                             || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" 
                                 readonly="true"/>


                    <p:outputLabel value="Bairro" styleClass="grid_3" for="bairroInteressadoInputTextP" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF'
                                               || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" />
                    <p:inputText id="bairroInteressadoInputTextP" styleClass="grid_8" value="#{managerEditarRequerimento.visualizarRequerimento.bairroProprietario}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF'
                                             || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}"
                                 readonly="true"/>

                    <p:outputLabel value="Número" styleClass="grid_3" for="numInteressadoInputTextP" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF'
                                               || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" /> 
                    <p:inputText id="numInteressadoInputTextP" styleClass="grid_8" value="#{managerEditarRequerimento.visualizarRequerimento.numProprietario}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF'
                                             || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" 
                                 readonly="true"/>

                    <p:outputLabel value="CEP" styleClass="grid_3" for="cepInteressadoInputTextP" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF'
                                               || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" /> 
                    <p:inputText id="cepInteressadoInputTextP" styleClass="grid_8" value="#{managerEditarRequerimento.visualizarRequerimento.cepProprietario}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF'
                                             || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}"
                                 readonly="true"/>

                    <p:outputLabel value="Contato" styleClass="grid_3" for="contatoInteressadoInputTextP" 
                                   rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF'
                                               || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" /> 
                    <p:inputMask id="contatoInteressadoInputTextP" mask="99-9999-9999" styleClass="grid_8" value="#{managerEditarRequerimento.visualizarRequerimento.telefoneProprietario}" 
                                 rendered="#{managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CPF'
                                             || managerEditarRequerimento.visualizarRequerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" 
                                 readonly="true"/>
                </p:panel>


                <!--DADOS DO TERRENO-->
                <p:panel id="terrenoPanel" style="background: none; border: none;" 
                         styleClass="container_24 clearfix both ">
                    <h4 class="title">Dados do Terreno</h4>

                    <p:outputLabel value="Endereço: " styleClass="grid_3" for="enderecoImovel" />
                    <p:inputText id="enderecoImovel" styleClass="grid_20 ajustInput "
                                 value="#{managerEditarRequerimento.visualizarRequerimento.enderecoImovel}"
                                 readonly="true"/>
                    <p:outputLabel value="Bairro: " styleClass="grid_3" for="bairroImovel" />
                    <p:inputText id="bairroImovel" styleClass="grid_20 ajustInput "
                                 value="#{managerEditarRequerimento.visualizarRequerimento.bairroImovel}"
                                 readonly="true"/>
                    <p:outputLabel value="Número" styleClass="grid_3" for="numImovel" />
                    <p:inputText id="numImovel" styleClass="grid_8 "
                                 value="#{managerEditarRequerimento.visualizarRequerimento.numImovel}"
                                 readonly="true"/>

                    <p:outputLabel value="CEP" styleClass="grid_3" for="cepImovel" />
                    <p:inputText id="cepImovel" styleClass="grid_8 "
                                 value="#{managerEditarRequerimento.visualizarRequerimento.cepImovel}"
                                 readonly="true"/>

                </p:panel> 

                <p:panel id="resultadosPanel" styleClass="clearfix container_24 withoutBorder">
                    <fieldset>
                        <legend>Tramite</legend>
                        <p:panel id="resultPanel" style="background: none; border: none;" 
                                 styleClass="container_24 clearfix ">

                            <p:dataTable id="tableUser" var="u" value="#{managerEditarRequerimento.tramites}" 
                                         styleClass="grid_24" rowIndexVar="rowid"
                                         rows="5" paginator="true" lazy="true"   
                                         paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
                                         currentPageReportTemplate="{currentPage} de {totalPages}"
                                         paginatorPosition="bottom" emptyMessage="Nenhum registro encontrado">

                                <f:facet name="header">
                                    Histórico
                                </f:facet>

                                <p:column headerText="Status" width="300">  
                                    <h:outputText value="#{u.status.nome}"/>
                                </p:column> 
                                <p:column headerText="Usuário" width="500">  
                                    <h:outputText value="#{u.usuario.nome}" style="color: red"/>
                                </p:column>  
                                <p:column headerText="Data" width="100">  
                                    <h:outputText value="#{u.dataTramite}" >
                                        <f:convertDateTime  pattern="dd/MM/YYYY HH:mm:ss"/>
                                    </h:outputText>
                                </p:column>  
                            </p:dataTable> 

                        </p:panel>

                    </fieldset>
                </p:panel>

                <div class="buttonAction">
                    <p:button href="pesquisarrequerimento.xhtml" value="Voltar"  icon="ui-icon-arrowreturnthick-1-w" />
                </div >

            </h:form>
        </ui:define>
    </ui:composition>

</html>
